import React from 'react';

export default () => {
  let o = {
    a: 'foo',
    b: 12,
    c: 'bar',
  };
  // 对象结构中设置类型
  let { a, b }: { a: string; b: number } = o;
  // 加上 ? 可以使用缺省值
  let { c, d }: { c: string; d?: number } = o;
  // 用于函数声明
  type C = { a: string; b?: number };
  function f({ a, b }: C): void {
    // ...
  }
  return (
    <div>
      <h1>变量声明</h1>
      <p>1. 加上 ? 可以使用缺省值</p>
    </div>
  );
};
